.js-carousel {
    position: relative;
    margin: auto;
    width: 50%;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000px;
}

.js-carousel-li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 460px;
    height: 290px;
    -webkit-transition: .5s linear;
    opacity: 0;
}

.js-carousel-li-visible {
    display: block;
    opacity: 1;
}

.js-carousel-li img {
    width: 100%;
    height: 100%;
}


/* 兼容1920大屏 */
@media screen and (min-width: 1920px) {
    .js-carousel-li {
        width: 1100px;
        height: 660px;
    }
}